<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../js/bootstrap-3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/details.css">
    <!--<link rel='stylesheet' href='../css/ms-showcase2.css' type='text/css' media='all' />-->
    <!--<link rel='stylesheet' href='../css/masterslider.main.css' type='text/css' media='all' />-->
    <script src="../js/jquery-2.1.1.js"></script>
    <script src="../js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <!--<script type="text/javascript" src="../js/modernizr-2.6.2.min.js"></script>-->
    <!--<script type='text/javascript' src='../js/masterslider.min.js'></script>-->
    <!--<script type='text/javascript' src='../js/jquery.easing.min.js'></script>-->
    <script src="../js/sildeShow.js"></script>
</head>
<body>
<header class="header">
  <div class="logo-box"><img src="../images/logo.png" alt=""></div>
  <ul class="nav">
    <li>手机端</li>
    <li>发布房源</li>
    <li>故事</li>
    <li>消息</li>
    <li>帮助</li>
    <li><img class="img-circle" style="width: 28px;height: 28px;" src="https://z1.muscache.cn/im/pictures/user/0eecd210-2706-4f2e-9785-c13cf77594b9.jpg?aki_policy=profile_small" alt=""></li>
    <!--<li>注册</li>
    <li>登录</li>-->
  </ul>
</header>
<div class="head-img" style='background-image: url("https://z0.muscache.cn/im/pictures/103241544/5b858882_original.jpg?aki_policy=xx_large");'>
  <button class="btn btn-default lookImg">查看图片</button>
</div>
<!-- 查看图片modal -->
<div class="SlideshowModal">
  <div class="SlideshowModal__close">x</div>
  <div style="width:100%;margin-top:64px;position: relative;">
    <div class="SlideshowModal-box">
      <!-- masterslider -->
      <div class="master-slider" id="masterslider">
        <div class="img-box">
          <img class="img-responsive maxImg" src="https://z0.muscache.cn/im/pictures/55113277/8e202e00_original.jpg?aki_policy=xx_large">
        </div>
        <div class="img-title-box"></div>
        <div class="minImg-box">
          <ul class="minImgWidth" style="transform: translateX(0);">
            <li tit="标题1"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/55113277/8e202e00_original.jpg?aki_policy=x_large" alt=""></li>
            <li tit="标题2"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/55228242/e3b9e978_original.jpg?aki_policy=x_large" alt=""></li>
            <li tit="标题3"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/55228242/e3b9e978_original.jpg?aki_policy=x_large" alt=""></li>
            <li tit="标题4"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/58236683/1e11e059_original.jpg?aki_policy=x_large" alt=""></li>
            <li tit="标题5"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/58236605/034b8e4d_original.jpg?aki_policy=x_large" alt=""></li>
            <li tit="标题6"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/58236605/034b8e4d_original.jpg?aki_policy=x_large" alt=""></li>
            <li tit="标题7"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/5e1cff0e-8d13-435f-bc4c-d4944dcbd382.jpg?aki_policy=x_large" alt=""></li>
            <li tit="标题8"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/5e1cff0e-8d13-435f-bc4c-d4944dcbd382.jpg?aki_policy=x_large" alt=""></li>
            <li tit="标题9"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/55113229/66d03cb1_original.jpg?aki_policy=x_large" alt=""></li>
            <li tit="标题10"><img class="img-responsive" src="https://z0.muscache.cn/im/pictures/55113229/66d03cb1_original.jpg?aki_policy=x_large" alt=""></li>
          </ul>
        </div>

      </div>
      <!-- btn -->
      <button class="btn0 btn-left"><span class="glyphicon glyphicon-chevron-left"></span></button>
      <button class="btn0 btn-right"><span class="glyphicon glyphicon-chevron-right"></span></button>
    </div>
  </div>
</div>
<div class="container-fluid max-w1080">
  <div class="detail-nav">
    <div class="detail-nav-con">
      <span class="nav-font xiangQing navActive" onclick="onNavFn('xiangQing')">详情</span>
      <span class="nav-dian"> · </span>
      <span class="nav-font pingJia" onclick="onNavFn('pingJia')">评价</span>
      <span class="nav-dian"> · </span>
      <span class="nav-font weiZhi" onclick="onNavFn('weiZhi')">位置</span>
      <span class="nav-dian"> · </span>
      <span class="nav-font xuZhi" onclick="onNavFn('xuZhi')">须知</span>
      <span class="nav-dian"> · </span>
      <span class="nav-font fangDong" onclick="onNavFn('fangDong')">房东</span>
    </div>
  </div>
  <!-- 左边详情 -->
  <div class="leftContent pull-left">
    <div class="con">
      <!-- 详情 -->
      <div class="_1kzvqab3" id="xiangQing">
        <div class="_b1aaqf">
          <div class="_1wf36db6">纽约 · 公寓型住宅里的独立房间</div>
          <h1 class="_6nv357d">The Artist's Experience</h1>
          <div class="_36rlri">
            <img src="../images/woshi.png" alt="">
            <span>1间卧室</span>
          </div>
          <div class="_36rlri">
            <img src="../images/chuang.png" alt="">
            <span>1张床</span>
          </div>
          <div class="_36rlri">
            <img src="../images/weishengjian.png" alt="">
            <span>1个公共卫生间</span>
          </div>
          <div class="_36rlri">
            <img src="../images/ren.png" alt="">
            <span>最多1人住</span>
          </div>
        </div>
      </div>
      <div class="">
        <div style="margin-top: 40px;">
          <img class="landlord-img img-circle" src="https://a0.muscache.com/im/users/8552927/profile_pic/1377981057/original.jpg?aki_policy=profile_x_medium" alt="">
          <div class="_okvr2u">
            <span class="_1klywh36">房东：Jeffrey</span>
            <a href="#">联系房东</a>
          </div>
        </div>
        <div class="_y0ow8e3">Cozy, warm atmosphere, perfect for the traveler looking for a real NY experience.This reservation is for one person.If you want to book for 2 guests it is an extra $100 per night. Best neighborhood in…</div>
      </div>
      <div class="woshi">
        <div class="woshi-list">
          <div style="padding: 8px 0;">
            <div class="_1cxs44em">卧室1</div>
            <div class="_1py0518">
              <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false" style="height: 24px; width: 24px; fill: currentcolor;"><path d="m23.96 14.81-2.96-7.41v-5.02a1.39 1.39 0 0 0 -1.39-1.38h-15.22c-.77 0-1.39.62-1.39 1.38v5.02l-2.96 7.41-.04.19v5.61c0 .64.43 1.17 1.01 1.33 0 .02-.01.04-.01.06v1.5a.5.5 0 0 0 1 0v-1.5h20v1.5a.5.5 0 0 0 1 0v-1.5c0-.02-.01-.04-.01-.06a1.39 1.39 0 0 0 1.01-1.33v-5.61zm-19.96-12.43c0-.21.17-.38.39-.38h15.22a.39.39 0 0 1 .39.39v4.61h-1v-1.61c0-.77-.62-1.39-1.39-1.39h-3.21c-.78 0-1.4.62-1.4 1.39v1.61h-2v-1.61c0-.77-.62-1.39-1.39-1.39h-3.22c-.77 0-1.39.62-1.39 1.39v1.61h-1zm14 3.01v3.21a.39.39 0 0 1 -.39.39h-3.21a.39.39 0 0 1 -.4-.38v-3.22a.39.39 0 0 1 .39-.39h3.21a.39.39 0 0 1 .39.39zm-8 0v3.21a.39.39 0 0 1 -.39.4h-3.22a.39.39 0 0 1 -.39-.39v-3.22a.39.39 0 0 1 .39-.39h3.21a.39.39 0 0 1 .39.39zm-6.16 2.61h1.16v.61c0 .77.62 1.39 1.39 1.39h3.21c.78 0 1.4-.62 1.4-1.39v-.61h2v .61c0 .78.62 1.39 1.39 1.39h3.21c.78 0 1.4-.62 1.4-1.39v-.61h1.16l2.8 7h-21.92zm19.16 12.61c0 .21-.18.39-.39.39h-21.22a.39.39 0 0 1 -.39-.39v-4.61h22z" fill-rule="evenodd"></path></svg>
            </div>
            <div class="_10m26pom">1张双人床</div>
          </div>
        </div>
      </div>
      <div style="color: #484848;font-size: 17px;font-weight: 300;word-wrap: break-word;">
        <div class="" style="margin-top:24px;margin-bottom:24px;overflow: hidden">
          <div class="_79dbpfm pull-left">独立房间</div>
          <div class="_q401y8m pull-left">有独立房间，与房东或房客分享合用空间</div>
        </div>
        <div class="" style="margin-top:24px;margin-bottom:24px;overflow: hidden">
          <div class="_79dbpfm pull-left">超赞房东</div>
          <div class="_q401y8m pull-left">超赞房东经验丰富、评分很高，他们致力于为房客提供优质的住宿体验</div>
        </div>
        <div class="" style="margin-top:24px;margin-bottom:24px;overflow: hidden">
          <div class="_79dbpfm pull-left">入住/退房</div>
          <div class="_q401y8m pull-left">入住时间 12:00后 · 退房时间 11:00</div>
        </div>
        <div class="" style="margin-top:24px;margin-bottom:24px;overflow: hidden">
          <div class="_79dbpfm pull-left">可订状态</div>
          <div class="_q401y8m pull-left">最少住1晚</div>
        </div>
      </div>
      <div style="margin-top:24px;margin-bottom:24px;">
        <div class="deviceBox">
          <div class="facility">
            <div style="margin-bottom:8px;">
              <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false" style="height: 24px; width: 24px; fill: currentcolor;"><path d="m12 15a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 5a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm5.92-5.78a.5.5 0 1 1 -.84.55c-1.19-1.81-3.07-2.77-5.08-2.77s-3.89.96-5.08 2.78a.5.5 0 0 1 -.84-.55c1.38-2.1 3.58-3.23 5.92-3.23s4.54 1.13 5.92 3.23zm2.98-3.03a.5.5 0 1 1 -.79.61c-1.66-2.14-5.22-3.8-8.11-3.8-2.83 0-6.26 1.62-8.12 3.82a.5.5 0 0 1 -.76-.65c2.05-2.42 5.75-4.17 8.88-4.17 3.19 0 7.05 1.8 8.9 4.19zm2.95-2.33a.5.5 0 0 1 -.71-.02c-2.94-3.07-6.71-4.84-11.14-4.84s-8.2 1.77-11.14 4.85a.5.5 0 0 1 -.72-.69c3.12-3.27 7.14-5.16 11.86-5.16s8.74 1.89 11.86 5.16a.5.5 0 0 1 -.02.71z" fill-rule="evenodd"></path></svg>
            </div>
            <div>无线网络</div>
          </div>
          <div class="facility">
            <div style="margin-bottom:8px;">
              <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false" style="height: 24px; width: 24px; fill: currentcolor;"><path d="m20 11h-19.5a.5.5 0 0 0 -.5.5v2c0 5.79 4.24 10.5 9.5 10.5 3.43 0 6.41-2.01 8.08-5h2.42a4 4 0 0 0 0-8zm-10.5 12c-4.68 0-8.5-4.24-8.5-9.5v-1.5h17v1.5c0 5.26-3.82 9.5-8.5 9.5zm10.5-5h-1.93c.59-1.37.93-2.89.93-4.5v-1.5h1a3 3 0 0 1 0 6zm-11.9-13.7c-.96-1.28-.96-2.53-.37-3.58a2.7 2.7 0 0 1 .42-.57.5.5 0 0 1 .71.71 1.73 1.73 0 0 0 -.25.35c-.41.73-.41 1.55.3 2.49 1.5 2 1.6 3.85.48 5.13a.5.5 0 1 1 -.75-.66c.79-.89.71-2.22-.53-3.87zm-4.49 1.03c-.77-.89-.77-1.85-.31-2.7a2.5 2.5 0 0 1 .32-.46.5.5 0 1 1 .74.67c-.04.04-.1.13-.18.26-.28.52-.28 1.04.15 1.54 2.12 2 2.16 3.22.45 4.29a.5.5 0 1 1 -.53-.85c1.09-.68 1.08-1.12-.64-2.75zm9 0c-.77-.89-.77-1.85-.31-2.7a2.5 2.5 0 0 1 .32-.46.5.5 0 1 1 .74.67c-.04.04-.1.13-.18.26-.28.52-.28 1.04.15 1.54 2.12 2 2.16 3.22.45 4.29a.5.5 0 0 1 -.53-.85c1.09-.68 1.08-1.12-.64-2.75z" fill-rule="evenodd"></path></svg>
            </div>
            <div>早餐</div>
          </div>
          <div class="facility">
            <div style="margin-bottom:8px;">
              <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false" style="height: 24px; width: 24px; fill: currentcolor;"><path d="m10.5 0a .5.5 0 0 0 -.5.5v7a .5.5 0 0 1 -.49.5h-1.51v-7.5a.5.5 0 1 0 -1 0v7.5h-1.51a.5.5 0 0 1 -.49-.5v-7a .5.5 0 1 0 -1 0v7c0 .83.67 1.5 1.49 1.5h1.51v5c0 .03.01.06.02.09a1.49 1.49 0 0 0 -1.02 1.41v7c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-7c0-.66-.43-1.21-1.02-1.41.01-.03.02-.06.02-.09v-5h1.51a1.5 1.5 0 0 0 1.49-1.5v-7a .5.5 0 0 0 -.5-.5zm-2.5 15.5v7a .5.5 0 0 1 -.5.5.5.5 0 0 1 -.5-.5v-7c0-.28.22-.5.5-.5s.5.22.5.5zm11.5-15.5h-2c-1.4 0-2.5 1.07-2.5 2.5v7c0 1.43 1.1 2.5 2.5 2.5h1.5v2.09a1.49 1.49 0 0 0 -.5-.09c-.83 0-1.5.67-1.5 1.5v7c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-22.5zm-2 11c-.86 0-1.5-.63-1.5-1.5v-7c0-.87.65-1.5 1.5-1.5h1.5v10zm1.5 11.5a.5.5 0 0 1 -.5.5.5.5 0 0 1 -.5-.5v-7c0-.28.22-.5.5-.5s.5.22.5.5z" fill-rule="evenodd"></path></svg>
            </div>
            <div>厨房</div>
          </div>
          <div class="facility">
            <div style="margin-bottom:8px;">
              <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false" style="height: 24px; width: 24px; fill: currentcolor;"><path d="m14.5 4h .5v-1.5c0-1.39-1.12-2.5-2.5-2.5h-.99a2.5 2.5 0 0 0 -2.51 2.5v1.5zm-4.5-1.5c0-.83.67-1.5 1.51-1.5h.99c.83 0 1.5.67 1.5 1.5v.5h-4zm5.5 2.5h-7a3.5 3.5 0 0 0 -3.5 3.49v12.01c0 1.93 1.57 3.5 3.5 3.5h7a3.5 3.5 0 0 0 3.5-3.49v-12.02c0-1.92-1.57-3.49-3.5-3.49zm2.5 15.51a2.5 2.5 0 0 1 -2.5 2.49h-7a2.5 2.5 0 0 1 -2.5-2.49v-12.02a2.5 2.5 0 0 1 2.5-2.49h7a2.5 2.5 0 0 1 2.5 2.49v12.01zm-1-11.01a.5.5 0 0 1 -.5.5h-9a .5.5 0 0 1 0-1h9a .5.5 0 0 1 .5.5z" fill-rule="evenodd"></path></svg>
            </div>
            <div>洗发水</div>
          </div>
          <div class="facility">
            <div style="margin-bottom:8px;">
              <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false" style="height: 24px; width: 24px; fill: currentcolor;"><path d="m6.5 5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm0 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm10.15-4.09a125.01 125.01 0 0 0 -1.43-.45 217.8 217.8 0 0 0 -3.98-1.21c-2.68-.78-4.51-1.23-5.24-1.25-3.43.04-6.01 2.28-6.01 5.5 0 2 .98 3.62 2.53 4.57 0 .02 0 .04.01.06.19.68.31 1.6.39 2.7a40.42 40.42 0 0 1 .05 4.17 2.01 2.01 0 0 0 2.03 2h2.03c1.25 0 1.97-.73 1.97-1.98 0-.07 0-.14 0-.31-.03-1.86.16-3.27.89-4.81a7.75 7.75 0 0 1 1-1.59.5.5 0 0 0 .09-.17 71.83 71.83 0 0 0 1.53-.4 97.27 97.27 0 0 0 4.15-1.24.5.5 0 0 0 .34-.48v-4.65a.5.5 0 0 0 -.35-.48zm-7.67 8.57c-.81 1.71-1.01 3.26-.98 5.25v.29c0 .7-.28.98-.97.98h-2.03c-.6 0-1.03-.48-1.03-.98a41.35 41.35 0 0 0 -.05-4.26 18.74 18.74 0 0 0 -.26-2.15c.71.25 1.5.39 2.33.39.85 0 2.05-.19 3.53-.51-.21.32-.39.65-.55.99zm7.02-6.98v3.17a96.43 96.43 0 0 1 -3.76 1.11 69.77 69.77 0 0 1 -1.72.45c-1.98.49-3.55.76-4.52.76-2.89 0-5-1.85-5-4.5 0-2.63 2.11-4.47 5.01-4.5.59.01 2.41.46 4.97 1.21a216.71 216.71 0 0 1 4.99 1.53l.04.01v.75zm7.92 3.1a1.91 1.91 0 0 1 -.42.46 1.97 1.97 0 0 1 -1.25.44c-.47 0-.8-.15-1.51-.57-.54-.33-.77-.43-.99-.43-.3 0-.55.05-.75.13a.91.91 0 0 0 -.19.09.5.5 0 0 1 -.62-.78c.09-.07.24-.16.44-.24a3.01 3.01 0 0 1 1.12-.2c.47 0 .8.15 1.51.57.54.33.77.43.99.43a.98.98 0 0 0 .63-.22.98.98 0 0 0 .2-.21.5.5 0 0 1 .85.53zm-5.81-2.95a.5.5 0 0 1 .08-.7c.09-.07.24-.16.44-.24a3.01 3.01 0 0 1 1.12-.2c.47 0 .8.15 1.51.57.54.33.77.43.99.43a.98.98 0 0 0 .63-.22.98.98 0 0 0 .2-.21.5.5 0 0 1 .85.53 1.91 1.91 0 0 1 -.42.46 1.97 1.97 0 0 1 -1.25.44c-.47 0-.8-.15-1.51-.57-.54-.33-.77-.43-.99-.43-.3 0-.55.05-.75.13a.91.91 0 0 0 -.19.09.5.5 0 0 1 -.7-.08z" fill-rule="evenodd"></path></svg>
            </div>
            <div>吹风机</div>
          </div>
        </div>
      </div>
      <!-- 评价 -->
      <div class="contentBox" id="pingJia" style="margin-top: 85px;">
        <h1 class="conTitle">评价</h1>
        <div style="margin-bottom: 24px;">
          <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
          <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
          <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
          <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
          <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
          <span class="">217条评论</span>
        </div>
        <div class="" style="overflow: hidden">
          <div class="lrBox pull-left">
            <div class="lrBox-row">
              <div class="pull-left">如实描绘</div>
              <div class="pull-right">
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              </div>
            </div>
            <div class="lrBox-row">
              <div class="pull-left">沟通交流</div>
              <div class="pull-right">
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              </div>
            </div>
            <div class="lrBox-row">
              <div class="pull-left">干净指数</div>
              <div class="pull-right">
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              </div>
            </div>
          </div>
          <div class="lrBox pull-left" style="padding-left: 24px;">
            <div class="lrBox-row">
              <div class="pull-left">位置便利指数</div>
              <div class="pull-right">
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              </div>
            </div>
            <div class="lrBox-row">
              <div class="pull-left">办理入住</div>
              <div class="pull-right">
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              </div>
            </div>
            <div class="lrBox-row">
              <div class="pull-left">性价比</div>
              <div class="pull-right">
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                <span class="_18ysolj9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              </div>
            </div>
          </div>
        </div>
        <div class="user-evaluatei-box">
          <div class="userList">
            <div class="userList-img"><img class="img-circle" style="width: 48px;height: 48px;" src="https://a0.muscache.com/im/pictures/5614ab27-cff2-4e6b-acaa-d36dbd0f4a17.jpg?aki_policy=profile_x_medium" alt=""></div>
            <div style="display: inline-block;">
              <span>佳颖</span><br>
              <span>2017年9月</span>
            </div>
            <div>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
            </div>
            <div class="_ninkl37">Jeffrey 是位非常热情的房东,乐于与房客们聊天并分享见闻,这位土生土长的纽约艺术家能给与你最地道的纽约情报,完善舒适的居住环境(jeffrey lliterally has everything what you want!),以及精彩的人生哲学和艺术间接!强烈推荐并期待能有机会再来!</div>
          </div>
          <div class="userList">
            <div class="userList-img"><img class="img-circle" style="width: 48px;height: 48px;" src="https://a0.muscache.com/im/pictures/5614ab27-cff2-4e6b-acaa-d36dbd0f4a17.jpg?aki_policy=profile_x_medium" alt=""></div>
            <div style="display: inline-block;">
              <span>佳颖</span><br>
              <span>2017年9月</span>
            </div>
            <div>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
              <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
            </div>
            <div class="_ninkl37">Jeffrey 是位非常热情的房东,乐于与房客们聊天并分享见闻,这位土生土长的纽约艺术家能给与你最地道的纽约情报,完善舒适的居住环境(jeffrey lliterally has everything what you want!),以及精彩的人生哲学和艺术间接!强烈推荐并期待能有机会再来!</div>
          </div>
          <!-- 评价分页 -->
          <ul data-id="p3-china-ReviewsPagination" class="_11hau3k">
            <!--<li class="_8wtxgiq">
              <button type="button" class="_5u96sq" aria-busy="false">
                <div class="_1yofwd5">
                  <div class="_1rltvky">
                      <svg viewBox="0 0 18 18" role="img" aria-label="上一页" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="m13.7 16.29a1 1 0 1 1 -1.42 1.41l-8-8a1 1 0 0 1 0-1.41l8-8a1 1 0 1 1 1.42 1.41l-7.29 7.29z" fill-rule="evenodd"></path></svg>
                  </div>
                </div>
              </button>
            </li>-->
            <li class="_8wtxgiq">
              <button type="button" class="_1obhjxp6" aria-label="本页为1页" aria-busy="false">
                <div class="_e602arm">1</div></button>
            </li>
            <li class="_1am0dt">
              <button type="button" class="_5u96sq" aria-label="第2页" aria-busy="false">
                <div class="_1bdke5s">2</div></button>
            </li>
            <li class="_1am0dt">
              <button type="button" class="_5u96sq" aria-label="第3页" aria-busy="false">
                <div class="_1bdke5s">3</div></button>
            </li>
            <li class="_1am0dt">
              <div class="_1oq38vn">
                <div class="_l88rlim">…</div></div>
            </li>
            <li class="_1am0dt">
              <button type="button" class="_5u96sq" aria-label="第31页" aria-busy="false">
                <div class="_1bdke5s">31</div></button>
            </li>
            <li class="_b8vexar">
              <button type="button" class="_5u96sq" aria-busy="false">
                <div class="_1yofwd5">
                  <div class="_1rltvky">
                    <svg viewBox="0 0 18 18" role="img" aria-label="下一步" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor">
                      <path d="m4.29 1.71a1 1 0 1 1 1.42-1.41l8 8a1 1 0 0 1 0 1.41l-8 8a1 1 0 1 1 -1.42-1.41l7.29-7.29z" fill-rule="evenodd"></path>
                    </svg>
                  </div>
                </div>
              </button>
            </li>
          </ul>
        </div>
      </div>
      <!-- 位置 -->
      <div class="contentBox" id="weiZhi" style="margin-top: 85px;">
        <h1 class="conTitle">位置</h1>
        <div style="margin-bottom: 24px;">
          <div style="margin: 15px 0;">
            <div class="_b725l37">纽约, 纽约州, 美国</div>
            <div class="_6z3til">地狱的厨房是整个城市的中心。一些城市最好和最实惠的餐厅,你可以想要任何类型的美食。公寓几乎可以在城市的任何地铁线路上行走。邻里是艺术中心,时代广场,百老汇剧院和中央公园都是一箭之遥。一个充满活力的夜生活和艺术家社区与邻里的感觉。你在找什么都在这里!</div>
          </div>
          <div style="margin: 15px 0;">
            <div class="_b725l37">出行信息</div>
            <div style="margin-top: 8px;">
              <span>ACE线两个街区。</span><br>
              <span>从1和NR线三个街区。</span><br>
              <span>十分钟步行到港务局巴士总站。 </span>
            </div>

          </div>
        </div>
      </div>
      <!-- 须知 -->
      <div class="contentBox" id="xuZhi" style="margin-top: 85px;">
        <h1 class="conTitle">须知</h1>
        <div style="margin-bottom: 24px;">
          <div class="xuzhiBox">
            <div class="lcon pull-left">基本要求</div>
            <div class="rcon pull-left">
              <span class="mb8">不适合携带宠物入住</span>
              <span class="mb8">不允许举办派对和活动</span>
              <span class="mb8">不适合儿童（0-12岁）入住，或不能为儿童提供安全的住宿环境</span>
              <span class="mb8"><a href="#" style="color: #008489;">房屋守则</a></span>
            </div>
          </div>
          <div class="xuzhiBox">
            <div class="lcon pull-left">预订取消政策</div>
            <div class="rcon pull-left">
              <span class="mb8">严格 · 限时部分可退</span>
              <span class="mb8">不允许举办派对和活动&nbsp;<a href="#" style="color: #008489;">查看详情</a></span>
            </div>
          </div>
          <div class="xuzhiBox">
            <div class="lcon pull-left">交易提示</div>
            <div class="rcon pull-left">
              <span class="mb8">为了保护您的账号隐私和付款安全，请不要相信其它任何平台的折扣或优惠券代订，并始终在爱彼迎站内转账和交流。
              <a href="#" style="color: #008489;">查看详情</a>
              </span>
            </div>
          </div>

        </div>
      </div>
      <!-- 房东 -->
      <div class="contentBox" id="fangDong" style="margin-top: 85px;">
        <h1 class="conTitle">房东</h1>
        <div style="margin-bottom: 24px;">
          <div style="overflow: hidden">
            <div class="pull-left" style="width: 75%;">
              <div style="margin-bottom: 5px;">
                <span class="_1klywh36">Jeffrey</span>
                <span><a href="#">联系房东</a></span>
              </div>
              <div class="font15">纽约, 纽约州, 美国 · 注册时间：八月 2013</div>
              <div class="font15" style="margin-top: 12px;">
                <div style="display: inline-block">
                  <span class="_pmc7dx"><svg viewBox="0 0 14 24" role="img" aria-label="超赞房东" focusable="false" style="height:24px;width:24px;fill:currentColor"><path d="m10.5 20.0005065c0 1.9326761-1.56704361 3.4994935-3.5 3.4994935s-3.5-1.5668174-3.5-3.4994935c0-1.9326762 1.5670426-3.5005065 3.5-3.5005065s3.5 1.5678303 3.5 3.5005065m-9.99486248-18.58757644-.00513752 8.13836018c0 .45796416.21682079.88992936.58880718 1.17090736l5.07730539 3.831699c.4870761.367971 1.16836618.367971 1.65647028.0009994l5.08141685-3.8266984c.3719859-.2789784.5898342-.7109444.5908612-1.16790827.0010271-1.75186288.0041101-6.21051146.0051391-8.14035983 0-.50396002-.4202834-.91292822-.9392158-.91292822l-11.11643181-.00699945c-.51790391-.00099942-.93818728.40796878-.93921487.91292823" fill="#fff"></path><path d="m12 9.5-5-3.70124468 5-3.79875532zm-6.1292309 9.187485c-.52182677.3180834-.8707691.8762459-.8707691 1.5144379 0 .9937534.83703449 1.7980771 1.870162 1.7980771.81806646 0 1.50434636-.5065007 1.75946763-1.2095239z" fill="#ffb400"></path><path d="m12 9.5-5 3.75-5-3.75v-7.5z" fill="#ff5a5f"></path><path d="m7 24c-2.2060547 0-4-1.7939453-4-3.9990234 0-2.2060547 1.7939453-4.0009766 4-4.0009766s4 1.7949219 4 4.0009766c0 2.2050781-1.7939453 3.9990234-4 3.9990234zm0-7c-1.6542969 0-3 1.3466797-3 3.0009766 0 1.6533203 1.3457031 2.9990234 3 2.9990234s3-1.3457031 3-2.9990234c0-1.6542969-1.3457031-3.0009766-3-3.0009766zm.0039062-1.8242188c-.4560547 0-.9121094-.1064453-1.2617188-.3164062l-5.0458984-3.8642578c-.4697265-.3642578-.696289-.8525391-.696289-1.4951172v-8c.0009766-.3730469.1679688-.7529297.4580078-1.0429688.2900391-.2905273.6689453-.4570312 1.0410156-.4570312h.0019531 10.9990235c.7851562 0 1.5.7148438 1.5 1.5v7.9277344c-.0009766.6762695-.2421875 1.2177734-.6953125 1.5668945l-5.0009766 3.8325195c-.3505859.2333985-.8251953.3486328-1.2998047.3486328zm-5.5058593-14.1757812c-.1044922 0-.2324219.0625-.3330078.1635742-.1015625.1020508-.1650391.230957-.1650391.3374024v7.9990234c0 .3305664.0888672.5341797.3066406.703125l4.9970703 3.8310547c.3330078.1953125 1.0859375.2001953 1.4208984-.0205078l4.9716797-3.8125c.2001954-.1542969.3027344-.4155274.303711-.7749024v-7.9267578c0-.2285156-.2714844-.4995117-.5-.4995117h-11-.0009766s0 0-.0009765 0z" fill="#484848"></path></svg></span>
                  <span>超赞房东</span>
                </div>
                <div style="display: inline-block">
                  <span class="_1879huwp">217</span>
                  <span class="">条评论</span>
                </div>
                <div style="display: inline-block">
                  <span class="_pmc7dx"><img style="width: 24px;height: 24px;" src="../images/yanzheng.png" alt=""></span>
                  <span>超赞房东</span>
                </div>
              </div>
            </div>
            <div class="pull-right" style="width: 25%;">
              <img class="img-circle" style="width: 88px;height: 88px;" src="https://a0.muscache.com/im/users/8552927/profile_pic/1377981057/original.jpg?aki_policy=profile_x_medium" alt="">
            </div>
          </div>
          <div style="margin: 30px 0;">
            <div class="_b725l37">自我介绍</div>
            <div class="_6z3til">Hi I'm a native New Yorker, an artist very chill . Meditate daily, love to cook and meet new people. Very creative  always making something or figuring out a new way to make something. Very relaxed at…</div>
          </div>
          <div style="margin: 30px 0;">
            <div class="_b725l37">与房客的互动</div>
            <div class="_6z3til">Hi I'm a native New Yorker, an artist very chill . Meditate daily, love to cook and meet new people. Very creative  always making something or figuring out a new way to make something. Very relaxed at…</div>
          </div>
        </div>
      </div>


    </div>
  </div>
  <!-- 右边申请预订 -->
  <div class="RightContent pull-left">
    <div class="con" style="position: relative">
      <div class="_1e7f1q6" id="reservationBox">
        <div style="padding: 16px 24px;">
          <div>最低</div>
          <div><span class="_1226bfd7">￥602</span>&nbsp;每晚</div>
          <div>
            <span class="_19olcgv7"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
            <span class="_19olcgv7"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
            <span class="_19olcgv7"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
            <span class="_19olcgv7"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
            <span class="_19olcgv7"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
            <span>217条评论</span>
          </div>
          <div class="date-bpx">
            <div class="date-tit">日期</div>
            <div class="_14zkbr9">
              <input class="_1teei82" id="starDate" type="text" placeholder="入住时间">
              <span class="_1iti0ju"><svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false" style="height: 24px; width: 24px; display: block; fill: currentcolor;"><path d="m0 12.5a.5.5 0 0 0 .5.5h21.79l-6.15 6.15a.5.5 0 1 0 .71.71l7-7v-.01a.5.5 0 0 0 .14-.35.5.5 0 0 0 -.14-.35v-.01l-7-7a .5.5 0 0 0 -.71.71l6.15 6.15h-21.79a.5.5 0 0 0 -.5.5z" fill-rule="evenodd"></path></svg></span>
              <input class="_1teei82" id="endDate" type="text" placeholder="退房时间">
            </div>
          </div>
          <div class="date-tit">房客</div>
          <select class="selectNum" name="" id="">
            <option value="">1位房客</option>
            <option value="">2位房客</option>
            <option value="">3位房客</option>
          </select>
          <button class="btn reservation">申请预订</button>
          <p class="reser-tips">您暂时不会被收费</p>


        </div>
      </div>
    </div>
  </div>
</div>

<footer class="footer">
  <div class="_2h22gn">
    <div class="footer-box">
      <section class="list">
        <div class="list-con">
          <h4 class="f-tit">爱彼迎</h4>
          <ul>
            <li><a href="#">工作机会</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
          </ul>
        </div>
      </section>
      <section class="list">
        <div class="list-con">
          <h4 class="f-tit">爱彼迎</h4>
          <ul>
            <li><a href="#">工作机会</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
          </ul>
        </div>
      </section>
      <section class="list">
        <div class="list-con">
          <h4 class="f-tit">爱彼迎</h4>
          <ul>
            <li><a href="#">工作机会</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
          </ul>
        </div>
      </section>
    </div>
  </div>
</footer>
</body>
<script src="../js/laydate/laydate.js"></script>
<script>
  function onNavFn(type){
    var h = $('#'+type+'').offset().top;
    $('html,body').animate({
      scrollTop: h-100
    });
  }
  function scrollFn(xiangQing,pingJia,weiZhi,xuZhi,fangDong){
    $(window).scroll(function () {
      var scrHight = $(window).scrollTop();
      if(scrHight > 580){
        $(".detail-nav").addClass("po-detail-nav");
        $(".detail-nav-con").addClass("po-detail-nav-con");
        $("#reservationBox").css({
          "position":"fixed",
          "top":"80px"
        });
      }else{
        $(".detail-nav").removeClass("po-detail-nav");
        $(".detail-nav-con").removeClass("po-detail-nav-con");
        $("#reservationBox").css({
          "position":"absolute",
          "top":"0"
        });
      }
      if(scrHight >= xiangQing){
        $(".xiangQing").addClass("navActive").siblings(".nav-font").removeClass("navActive");
      }
      if(scrHight >= pingJia){
        $(".pingJia").addClass("navActive").siblings(".nav-font").removeClass("navActive");
      }
      if(scrHight >= weiZhi){
        $(".weiZhi").addClass("navActive").siblings(".nav-font").removeClass("navActive");
      }
      if(scrHight >= xuZhi){
        $(".xuZhi").addClass("navActive").siblings(".nav-font").removeClass("navActive");
      }
      if(scrHight >= fangDong){
        $(".fangDong").addClass("navActive").siblings(".nav-font").removeClass("navActive");
      }
    });
  }
  $(function(){
    var xiangQing = parseFloat($('#xiangQing').offset().top-200);
    var pingJia =  parseFloat($('#pingJia').offset().top-200);
    var weiZhi =  parseFloat($('#weiZhi').offset().top-200);
    var xuZhi =  parseFloat($('#xuZhi').offset().top-200);
    var fangDong =  parseFloat($('#fangDong').offset().top-200);
    scrollFn(xiangQing,pingJia,weiZhi,xuZhi,fangDong);

    // 查看图片
    $(".lookImg").click(function(){
      var liLength = parseInt($(".minImgWidth>li").length);
      var wid = parseFloat($(".minImgWidth>li").width());
      var minImgWidth = (liLength * wid)+((liLength-1)*10);
      $(".minImgWidth").width(minImgWidth);
      $(".SlideshowModal").show();
      $("html").css({
        "overflow-y":"hidden"
      });
    });
    $(".SlideshowModal__close").click(function(){
      $(".SlideshowModal").hide();
      $("html").css({
        "overflow-y":"auto"
      });
    });

    // 时间选择
    laydate.render({
      elem: '#starDate', //指定元素
      theme: 'molv'
    });
    laydate.render({
      elem: '#endDate', //指定元素
      theme: 'molv'
    });



  })
</script>
</html>
